<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大图模式</title>
    <meta name="keywords" content="翻倍花，O2O，第三方推广，服务平台">
    <meta name="description" content="翻贝网致力于打造国内最具公信力的第三方推广和服务平台">
<link rel="stylesheet" href="{{env('CSS_DOMAIN')}}css/swiper.min.css?v={{env('CSS_VERSION')}}" type="text/css">
<!-- css 文件 -->
<style>
    /*=========================重置样式==========================*/
    body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin: 0; padding: 0;}
    ul,ol{list-style: none;}
    img{border: 0;}
    input,select,textarea{outline:0;border:none;}
    html,body{font-family: "微软雅黑"}
    textarea{resize:none;}
    table{border-collapse: collapse; border-spacing: 0;}
    a{text-decoration: none;color: #000;}
    .swiper-container{
        width: 1200px;
        margin: 0 auto;
        background-color: #000;
        position: relative;
    }
    .swiper-slide img{
        width: 100%;
        position: absolute;
        left: 0;
        top: 50%;
    }
    .swiper-pagination{
        font-size: 24px;
        position: absolute;
        top: 20px;right: 20px;
        color: #fff;
        text-align: right;
    }
</style>
</head>
<body>
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <!-- <div class="swiper-slide">
            <img src="" alt="">
        </div> -->
      </div>
      <div class="swiper-pagination"></div>
    </div>
</body>
<script src="{{env('JS_DOMAIN')}}/js/jquery-1.11.1.min.js?v={{env('JS_VERSION')}}"></script>
<script src="{{ env('JS_DOMAIN') }}js/swiper.min.js?v={{env('JS_VERSION')}}" type="text/javascript"></script>
<script src="{{ env('JS_DOMAIN') }}js/adaptation.js?v={{env('JS_VERSION')}}" type="text/javascript"></script>
<script>
    // window.onload=function(){
    var content = "{{$content}}";
    var currenturl = "{{$currenturl}}";
    var count = "{{$count}}";
    content = content.split(",")
    var mypage;
    $(".swiper-container").height($(window).height());
    for (var i = 0; i < count; i++) {
        var swip_slide = $('<div class="swiper-slide"><img src="'+content[i]+'" alt=""></div>');
        $('.swiper-wrapper').append(swip_slide);
        $(".swiper-slide img").eq(i).css("margin-top",-$(".swiper-slide img").eq(i).height()/2);
        if(content[i] == currenturl){
            mypage = i;
        }
    };
    // }
    var for_image=0
    var mySwiper = new Swiper('.swiper-container',{
    pagination : '.swiper-pagination',
    uniqueNavElements :false,
    watchSlidesProgress : true,
    initialSlide : mypage,//第几张图进
    paginationType : 'fraction'
    })
</script>
</html>